<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/page1_start.css"/>
	<style>
		#top_mean{
			width: 100%;
			height: 60px;
			background: #597592;
		}
		#logo{
			width: 170px;
			height: 60px;
		}
		aside{
			width: 170px;
			height: 90%;
			background: #eef3f6;
			position: absolute;
			left: 0;
			border-right: 1px solid #ccc
		}
		footer{
			width: 100%;
			height: 30px;
			background: #405872;
			position: absolute;
			bottom: 0;
			line-height: 30px;
			z-index: 2
		}
		footer>p{
			color: #ccc;
			margin-left: 30px
		}
		.mean_list{
			width: 170px;
			text-align: center;
			height: 60px;
			line-height: 60px;
			font-size: 18px;
			color:#035a8e;
			font-weight: 800;
			border: 1px solid #ccc;
			border-right: none;
			border-top: none;
		}
		.mean_list:first-of-type{
			background: white;
			border-right: none;
		}
		.mean_list:hover{
			background: white;
			border-right: none;
		}
		.mean_list>a{
			text-decoration: none;
			color: #035a8e;
		}
		.mean_list>a>img{
			width: 18px;
			height: 18px;
		}
	</style>
</head>
<body>
	<header>
		<div id="top_mean">
			<img src="img/logo.png" alt="" id="logo">
		</div>
	</header>
	<section>
		<aside>
			<div class="mean_list page1">
				<a href="page1.html">
					<img src="img/home.png" alt="">
					<span>技能考试</span>
				</a>
			</div>
			<div class="mean_list page2">
				<a href="page2.html">
					<img src="img/note.png" alt="">
					<span>考试管理</span>
				</a>	
			</div>
			<div class="mean_list page3">
				<a href="page3.html">
					<img src="img/book.png" alt="">
					<span>题库管理</span>
				</a>
			</div>
		</aside>
		<ul id="testTime">
			<li>01</li>
			<li>:</li>
			<li>00</li>
			<li>:</li>
			<li>00</li>
		</ul>
		<form action="" method="post" id="testForm">
			<span id="">
				10 以下不属于安卓四大组件的是
			</span><br /><br />
			&nbsp;&nbsp;<input type="radio" name="answer" id="" value="" />&nbsp;<span id="anser_1">Activity</span><br />
			&nbsp;&nbsp;<input type="radio" name="answer" id="" value="" />&nbsp;<span id="anser_2">服务</span><br />
			&nbsp;&nbsp;<input type="radio" name="answer" id="" value="" />&nbsp;<span id="anser_3">content Provider</span><br />
			&nbsp;&nbsp;<input type="radio" name="answer" id="" value="" />&nbsp;<span id="anser_4">SQLite</span><br />
			<div id="prevBtn">
				上一题
			</div>
			<div id="nextBtn">
				下一题
			</div>
		</form>
	</section>
	<footer>
		<p>才信教育© 2015-2017</p>
	</footer>
</body>
<script> 
window.onbeforeunload = function(event) { 
	(event || window.event).returnValue = "确定退出考试吗?若退出之前的答案不会保留"; 
} 
</script>
</html>
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="js/page1_start.js" type="text/javascript" charset="utf-8"></script>